<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>停车场用户--${headerTitle }</title>
	
  	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1";/><!-- IE的渲染模式 -->
  	<meta name="renderer" content="webkit"><!-- 浏览器高速模式 -->
  	
    <meta name="keywords" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="description" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="author" content="blackshadowwalker" />
    
	<link href="bootstrap/3/css/bootstrap.css" rel="stylesheet"/>
	<link href="index/css/justified-nav.css" rel="stylesheet">
	<link href="index/css/style.css" rel="stylesheet" >

	<script src="scripts/jquery/jquery-1.7.min.js"></script>
	<script src="bootstrap/3/js/bootstrap.min.js"></script>
	<link href="bootstrap/3/css/datepicker.css" rel="stylesheet"/>
	<script src="bootstrap/3/js/bootstrap-datepicker.js"></script>
	
	<script src="scripts/validateForm.js"></script>
	<link href="css/common.css" rel="stylesheet"/>
	
	<script type="text/javascript">
		var msg = "${msg}";
		if(msg!="")
			alert(msg);
			
	</script>
	
	<style>
		body{
			margin-left: 10px;
			margin-top: 7px;
			width:98%;
		}
	</style>

</head>

<body>
<div>
	<div>
		<div class="alert-info" style="">
			<a href="${action}" class="btn btn-warning">返回</a>
			<div style="display:inline;margin-left:30px;color:#f00;">
				${msg }
			</div>
		</div >
	</div>
	
	<form id="myform" name="myform" class="form-horizontal" action="${action}?id=${id}&method=${method}" method="post" >
	<s:if test="flag==0">
    		<s:set name="notEmpty" value="'false'" />
	    	</s:if>
	    	<s:else>
	    		<s:set name="notEmpty" value="'true'" />
	    	</s:else>
	    	
			<div class="form-group">
				<label class="col-sm-2 control-label"> 头像:</label>
				<div class="col-sm-5">
					<input type="hidden" name="manager.photo"
						value="${manager.photo}" style="width:200px;" /> <img
						src="${manager.photo}" for="manager.photo" alt=" 头像"
						style="width:120px;height:130px;cursor:pointer;"
						onClick="chooserPhoto();" /> <input type="button"
						class="btns_mouseout" onClick="chooserPhoto();" alt="选择头像"
						value="..." />
				</div>
			</div>
			
			<div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span> 用户帐号：</label>
		    <div class="col-sm-5">
		    		<input type="text" class="form-control" value="${manager.userName}" placeholder="用户帐号" readonly="readonly"/>
		    </div>
		  </div>
		  
	     	<div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>真实姓名：</label>
		    <div class="col-sm-5">
		      	<input type="text" class="form-control" name="manager.realName"  value="${manager.realName}" placeholder="真实姓名" 
		      	isValidate="true" notEmpty="true"  notSpecial="true"  specialChar="~!@#$%^&*()+ |?" leng="20" minLeng="2"  />
		      	 <span class="errorMessage" >
					<s:property value="errors['manager.realName'][0]" /> 
				</span>
		      	(支持汉字、字母、数字、下划线，长度4-20)
		    </div>
		  </div>
		  
		  <div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>个人简介：</label>
		    <div class="col-sm-5">
		      	<textarea type="text" class="form-control" name="manager.introduction" placeholder="个人简介" 
		      	isValidate="true" notEmpty="true"  notSpecial="true"  specialChar="~!@#$%^&*()+ |?" leng="200" minLeng="10" >${manager.introduction}</textarea>
		      	 <span class="errorMessage" >
					<s:property value="errors['manager.introduction'][0]" /> 
				</span>
		      	(支持汉字、字母、数字、下划线，长度10-200)
		    </div>
		  </div>
		  
		  <div class="form-group">
		    <label  class="col-sm-2 control-label"><span style="color:#f00">*</span>用户角色：</label>
		    <div class="col-sm-5">
		   	<input type="text" class="form-control" value="${manager.roleName}" placeholder="用户帐号" readonly="readonly"/>
		    </div>
		  </div>
		  <div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>手机号：</label>
		    <div class="col-sm-5">
				<input type="text" class="form-control" name="manager.phone" value="${manager.phone }"  placeholder="手机号" notEmpty="true"
					isValidate="true" isMobile="true"/> 	
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="inputEmail3" class="col-sm-2 control-label"> </label>
		    <div class="col-sm-5">
	    			<input class="btn btn-success btn-lg btn-block"  type=submit value="${headerTitle}"   />
					<input class="btn btn-primary btn-lg btn-block"  type="reset" value="重置"  />
		     </div>
		  </div>
	</form>
	
	<div style="display:none;" id="uploaddiv">
		<form action="UploadAction?callback=callback"  method="post" ENCTYPE="multipart/form-data" target="hidden_frame" >
			<input type=file name=file onchange="uploadPhoto(this);" />
			<input type="text" name="dir"  value="user/photos"/><br>
		</form>
		<iframe name="hidden_frame"></iframe>
	</div>
	
</div>
</body>
<script type="text/javascript">
	$(document).ready(
				function() {
					$("#myform input[type='submit']").click(
							function(e) {
								e.preventDefault();//阻止提交按钮的默认 action
								//	  alert("Submit prevented");
								if(window.console)
									console.log($("#myform"));
								if (!$("#myform").validateForm()) {
									return ;
								}
								var btn = $(this);
								btn.val("正在提交...");
								btn.addClass("disabled");
								$(btn).parent().children("input[type='reset']")
										.addClass("disabled");
								$("#myform").submit();
							});
				});
		

				function uploadPhoto(obj) {
					$(obj).parent().submit();
				}

				function callback(json) {
					if (window.console)
						console.log(json);
					if (json.error == 0 ||json.error==-2) {
						if (json.data.length >= 1) {
							if(json.data[0].error==0){
								$("input[name='manager.photo']").val(json.data[0].path);
								$("img[for='manager.photo']").attr("src",json.data[0].path);
							}else{
								alert(json.data[0].msg);
							}
						} else {
							alert("上传失败");
						}
					} else {
						alert(json.msg);
					}
				}

				function chooserPhoto() {
					$("#uploaddiv input[name=file]").click();
				}

	
</script>
</html>